.portrait-vis {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: auto;

	.toolbox {
		display: flex;
		align-items: center;
		width: calc(50% - 0.75rem);
		margin-bottom: 1.5rem;

		.input {
			flex: 1;
			margin-right: 1rem;

      .search-icon {
        color: var(--color-success);
      }
		}
	}

	.content {
		display: flex;
		flex: 1;
		overflow: hidden;
		max-height: 37.5rem;
		.vis {
			position: relative;
			flex: 1 1 50%;
			overflow: auto;
			border: 1px solid var(--color-border-2);
			border-radius: 4px;

			.stats {
				position: absolute;
				top: 0.5rem;
				right: 0;
        text-align: right;
				.stats-count {
					display: inline-block;
					text-align: left;
				}
				.item {
					line-height: 2rem;

					.icon {
						margin-right: 0.5em;
            position: relative;
            top: -0.2rem;
					}

				}

        .msg {
          color: var(--color-error);
          font-size: 0.5rem;
        }
			}

			.tree-box {
				overflow: auto;
			}

			.tree-box-oms {
				max-height: 100%;
			}

			.url-pattern-tree {
				padding: 1rem 0.5rem;
			}
		}

		.leaf-node-info {
			flex: 1 1 50%;
		}
	}

  .empty-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    h3 {
      margin: 3rem 0 1.5rem;
    }
  }
}
.empty-msg {
	font-size: var(--text-sm);
	padding-left: 2.5rem;
}

